<!DOCTYPE html>
<html>

<head>
	<title>丝芙兰探索之旅</title>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="format-detection" content="telephone=no" />
	<meta name="format-detection" content="email=no" />
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<script src="js/base/base.js"></script>
	<script>
		ibase.init();
		ibase.load('css/index.css');//无缓存加载文件
	</script>
</head>

<body>
	<!--------------------------------------------------------------html区域-------------------------------------------------------------------------------------------->
	<article style="display: none;">
		<div class="fontLoad hide">1</div>
		<div class="fontLoad2 hide">1</div>
		<div class="fontLoad3 hide">1</div>
		<div class="fontLoad4 hide">1</div>
		<div class="fontLoad5 hide">1</div>
		<div class="fontLoad6 hide">1</div>
		
		<input type="file" accept="image/*" id="imageInput" multiple style="position: fixed; top:-200px; left: -200px; opacity:0;" />

		<section id="awardListBox" class="none">
			<img src="https://cdn.dhteam.net/sephora/h5/images/rankBox/p.png" class="pattern">
			<div class="cont">
				<img src="images/awardList/t.png" class="title">
				<div class="tips">于12月31日公布</div>
				<div class="scrollBox" id="awardListScroll">
					<div class="scroll" id="awardList">
						<div class="block">
							<img src="images/awardList/1.png" class="t">
						</div>
						<div class="block">
							<img src="images/awardList/2.png" class="t">
						</div>
						<div class="block">
							<img src="images/awardList/3.png" class="t">
						</div>
					</div>
				</div>
				<div class="rankBtn limitBtn"><img src="https://cdn.dhteam.net/sephora/h5/images/rewardBox/rankBtn.png" class="full"></div>
			</div>
		</section>

		<section id="rankBox" class="none">
			<img src="https://cdn.dhteam.net/sephora/h5/images/rankBox/p.png" class="pattern">
			<div class="cont">
				<div class="selfBox">
					<div class="score">
						<div class="label"><img src="https://cdn.dhteam.net/sephora/h5/images/rankBox/t1.png"></div>
						<div class="num" id="selfScore">
							<img src="https://cdn.dhteam.net/sephora/h5/images/rankBox/plus.png">
							<img src="https://cdn.dhteam.net/sephora/h5/images/nums/0.png">
						</div>
					</div>
					<div class="score">
						<div class="label"><img src="https://cdn.dhteam.net/sephora/h5/images/rankBox/t2.png"></div>
						<div class="num" id="otherScore">
							<img src="https://cdn.dhteam.net/sephora/h5/images/rankBox/plus.png">
							<img src="https://cdn.dhteam.net/sephora/h5/images/nums/0.png">
						</div>
					</div>
				</div>
				<div class="rankBox">
					<div class="scrollBox" id="rankScroll">
						<div class="scroll" id="rankListBox">
							<div class="block">
								<div class="word"><div class="wordImg">
									<img src="https://cdn.dhteam.net/sephora/h5/images/nums2/0.png">
									<img src="https://cdn.dhteam.net/sephora/h5/images/rankBox/f.png">
								</div><span></span></div>
								<div class="barBox">
									<div class="bar"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="dataBox">
					<div class="t"><img src="https://cdn.dhteam.net/sephora/h5/images/rankBox/t3.png"></div>
					<div class="wordBox">
						<div class="scrollBox">
						</div>
						<div class="scrollBox2">
						</div>
					</div>
				</div>
				<div class="awardBtn limitBtn"><img src="https://cdn.dhteam.net/sephora/h5/images/rewardBox/awardBtn.png" class="full"></div>
			</div>
		</section>

		<section id="rewardBox" class="none">
			<div class="cont">
				<div class="starTitle">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/title.png" class="full">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star1">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star2">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star3">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star4">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star5">
				</div>
				<div class="reward">
					<img src="https://cdn.dhteam.net/sephora/h5/images/rewardBox/shadow.png" class="shadow">
					<img src="https://cdn.dhteam.net/sephora/h5/images/rewardBox/c3.png" class="circle3">
					<img src="https://cdn.dhteam.net/sephora/h5/images/rewardBox/c2.png" class="circle2">
					<div id="lotteryBtn" class="lotteryBtn limitBtn">
						<img src="https://cdn.dhteam.net/sephora/h5/images/rewardBox/c1.png" class="full">
					</div>
				</div>
				<img src="https://cdn.dhteam.net/sephora/h5/images/public/heart.png" class="heart">
				<div id="awardBtn" class="limitBtn"><img src="https://cdn.dhteam.net/sephora/h5/images/rewardBox/awardBtn.png" class="full"></div>
				<div id="rankBtn" class="limitBtn"><img src="https://cdn.dhteam.net/sephora/h5/images/rewardBox/rankBtn.png" class="full"></div>
				<p class="tips">奖品于获奖后一个月内发放</p>
			</div>
		</section>

		<section id="uploadBox" class="none">
			<div class="cont">
				<div class="starTitle">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/title.png" class="full">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star1">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star2">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star3">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star4">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star5">
				</div>
				<div class="uploadForm">
					<div class="t">完成所有问答</div>
					<div class="intro">马上扫码关注丝芙兰所有公众号<br>上传截屏图片来完成最终任务哟！</div>
					<div class="stepBox">
						<div class="step">点击识别二维码<br>关注公众号及截屏</div>
						<div class="step">上传图片（最多9张）</div>
					</div>
					<img src="https://cdn.dhteam.net/sephora/h5/images/uploadBox/code.jpg" alt="" class="code">
					<div class="tips">长按识别关注</div>
					<div class="uploadBtn limitBtn" id="uploadBtn"></div>
				</div>
			</div>
		</section>

		<section id="QAbox" class="none">
			<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i1b.png" class="logoBottom">
			<div class="cont ">
				<div class="kuang">
					<div class="introBox">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i1s.png" class="logo">
						<div class='word'></div>
					</div>
					<div class="questionBox"></div>
					<div class="answerBox">
						<!-- <div class="answer">
						<div class="word"></div>
						<img src="https://cdn.dhteam.net/sephora/h5/images/QAbox/n.png" class="chose">
						<img src="https://cdn.dhteam.net/sephora/h5/images/QAbox/c.png" class="chose none">
					</div> -->
					</div>
				</div>
				<div class="okBtn limitBtn">
					<img src="https://cdn.dhteam.net/sephora/h5/images/QAbox/ok.png" class="full">
				</div>
			</div>
		</section>

		<section id="brandBox" class="none">
			<div class="bg2 full"></div>
			<div class="bg1 full"></div>
			<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i1b.png" class="logoBottom none">
			<div class="cont noPointer">
				<div class="scoreBox none">0</div>
				<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/bar.png" class="bar none">
				<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/heart.png" class="pattern3 none">
				<div class="logoBox">
					<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/box.png" class="box full">
					<div class="logos">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i1.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i2.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i3.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i4.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i5.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i6.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i7.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i8.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i9.png" class="logo">
					</div>
					<div class="logos act">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i1a.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i2a.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i3a.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i4a.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i5a.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i6a.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i7a.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i8a.png" class="logo">
						<img src="https://cdn.dhteam.net/sephora/h5/images/logo/i9a.png" class="logo">
					</div>
					<div class="btnBox">
						<div class="startBtn limitBtn">
							<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/light.png" class="full lighting">
							<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/play.png" class="full">
						</div>
						<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/b.png" class="pen moving1">
					</div>
					<div class="bookBox full">
						<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/book.png" class="cover full">
					</div>
				</div>
				<div class="tips none">STAGE 1</div>
				<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/c.png" class="pattern1">
				<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/heart.png" class="pattern2">
				<img src="https://cdn.dhteam.net/sephora/h5/images/brandBox/c2.png" class="pattern4 none">
			</div>
		</section>

		<section id="indexBox" class="">
			<div class="cont">
				<div class="formBox">
					<img src="https://cdn.dhteam.net/sephora/h5/images/indexBox/logo.png" class="logo">
					<img src="https://cdn.dhteam.net/sephora/h5/images/indexBox/title.png" class="title">
					<div class="item">
						<div class="label">ID</div>
						<input type="text" id="cardNo" placeholder="输入ID号码">
					</div>
					<div class="item inputBox">
						<div class="label">验证</div>
						<div class="mask full"></div>
						<input id="lastName" maxlength="1" value="">
						<input id="name" type="text" placeholder="__" maxlength="1">
						<input id="firstName" maxlength="1" value="">
					</div>
				</div>
				<div class="loginBtn limitBtn">
					<img src="https://cdn.dhteam.net/sephora/h5/images/indexBox/btn.png" class="full">
				</div>
				<div class="ruleBox">
					<h3>活动规则：</h3>
					<p>“探索地图”上一共有丝芙兰自有的9大平台图标，初始图标均为暗色。想要点亮图标需要完成每个平台的互动问答，回答正确可获得积分，答错不扣分，完成答题即可点亮图标。点亮所有图标后上传九大平台关注截图可额外获得积分。最终会显示你的个人积分，完成所有答题后可参与幸运抽奖，同时还可以贡献你的个人积分为你所在的区域冲榜哦！
					</p>
					<p class="sp">活动时间：10月15日－12月31日</p>
				</div>
				<img src="https://cdn.dhteam.net/sephora/h5/images/indexBox/p.png" class="pattern">
				<img src="https://cdn.dhteam.net/sephora/h5/images/public/heart2.png" class="heart">
			</div>
		</section>

		<aside id="tipsBox" class="none">
			<div class="tips"></div>
		</aside>

		<aside id="awardTipsBox" class="none">
			<div class="cont">
				<div class="starTitle">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/title.png" class="full">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star1">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star2">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star3">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star4">
					<img src="https://cdn.dhteam.net/sephora/h5/images/public/star.png" class="star star5">
				</div>
			</div>
		</aside>
	</article>
	<!--------------------------------------------------------------javascript区域-------------------------------------------------------------------------------------->
	<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
	<script src="js/base/jquery.js"></script>
	<script src="js/base/framwork.js"></script>
	<script src="js/base/monitor.js?v=2"></script>
	<script src="js/base/wxUser.js?v=2"></script>
	<script src="js/plugs/data.js"></script>
	<script src="js/base/tweenmax.js"></script>
	<script src="js/plugs/API.js?v=2"></script>
	<script src="js/plugs/iscroll.js"></script>
	<script>ibase.load('js/index.js');</script>
</body>

</html>